<template>
  <div class="model">
    <h4>土</h4>
    {{ contentR }}
  </div>
</template>
<script setup lang="ts">
import { ref } from "vue";
import axios from "axios";
let {
  data: { content },
} = await axios.get("https://api.uomg.com/api/rand.qinghua?format=json");
console.log(content);
let contentR = ref(content);
</script>
<style lang="scss" scoped>
.model {
  width: 200px;
  height: 100px;
  background-color: var(--theme-bg2);
  // position: fixed;
  // top: 20px;
  // left: 50%;
  border-radius: var(--radius);
  // transform: translateX(-50%);
  text-align: center;
}
</style>
